<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>帖子回复</title>
<!-- Set render engine for 360 browser -->
<meta name="renderer" content="webkit">
<!-- No Baidu Siteapp-->
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!-- Add to homescreen for Chrome on Android -->
<meta name="mobile-web-app-capable" content="yes">
<!-- Add to homescreen for Safari on iOS -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="__PUBLIC__/assets/css/amazeui.css">
<link rel="stylesheet" href="__PUBLIC__/assets/css/app.css">
<script type="text/javascript" src="__PUBLIC__/assets/js/limit.js"></script>
<!--[if lt IE 9]>
		<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
		<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
		<script src="__PUBLIC__/assets/js/amazeui.ie8polyfill.min.js"></script>
		<![endif]-->
<script type="text/javascript"
	src="__PUBLIC__/assets/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript"
	src="__PUBLIC__/assets/js/jquery.validate.js"></script>
<script type="text/javascript" src="__PUBLIC__/assets/js/validate-ex.js"></script>
<script src="__PUBLIC__/assets/js/amazeui.js"></script>
<script type="text/javascript" src="__PUBLIC__/assets/js/app.js"></script>
<script type="text/javascript" src="__PUBLIC__/assets/js/jump.js"></script>
<script type="text/javascript" src="__PUBLIC__/assets/js/limit.js"></script>
<!--鼠标经过导航跳动开始-->
<!--<script type="text/javascript">
			$(function(){
				 $(".am-topbar-nav li").each(function(k,a){
					new JumpObj(a,5);//晃动幅度
					$(a).hover(function(){this.parentNode.parentNode.addClass("hover")});
				});
		 	}); 
		
		</script>-->
<!--鼠标经过导航跳动结束-->
<script type="text/javascript">
			$(document).ready(function(){
			limitTxt("txtByte","showByte",90,true);
			});
			</script>
<style type="text/css">
.am-tabs-default .am-tabs-nav>.am-active a {
	background-color: #FFFFFF;
	color: #343740;
}

.am-tabs-default .am-tabs-nav a {
	color: #6c6e7b;
	line-height: 42px;
	background: #FFFFFF;
	font-weight: bold;
	font-size: 1.3em;
}

.am-tabs-bd {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #FFFFFF;
	border-image: none;
	border-style: none;
	border-width: medium 1px 1px;
	overflow: hidden;
	position: relative;
	transition: height 0.3s ease 0s;
	z-index: 100;
}

.am-tabs-bd .am-tab-panel {
	float: left;
	padding: 10px 0 15px;
	position: absolute;
	top: 0;
	transform: translateX(-100%);
	transition: transform 0.3s ease 0s;
	visibility: hidden;
	width: 100%;
	z-index: 99;
}

.container {
	padding-top: 4em;
}

.am_container {
	width: 1180px;
	margin-left: auto;
	margin-right: auto;
}
</style>
<script type="text/javascript">
	//注册信息表单验证开始
	$(function() {
		var validate = $("#myform_phone").validate({
			rules : {
				phoneuser : {
					required : true,
					isMobile : true,
					isPhone : true
				},
				phoneyzm : {
					required : true
				},
				phonepsd : {
					required : true,
					minlength : 6,
					maxlength : 12
				}
			},
			messages : {
				phoneuser : {
					isMobile : "请输入手机号码！",
					isPhone : "请输入手机号码！"
				},
				phoneread : "请选择！"
			},
			errorPlacement : function(error, element) {
				if (element.is(":radio"))
					error.appendTo(element.parent());
				else if (element.is(":checkbox"))
					error.appendTo(element.parent().parent());
				else if (element.is("input[id=phoneyzm]"))
					error.appendTo(element.parent());
				else if (element.is("input[id=emailyzm]"))
					error.appendTo(element.parent());
				else
					error.insertAfter(element);
			},
		})
		var validate2 = $("#myform_email").validate({
			rules : {
				emailuser : {
					required : true,
					email : true
				},
				emailyzm : {
					required : true
				},
				emailpsd : {
					required : true,
					minlength : 6,
					maxlength : 12
				}

			},
			messages : {
				emailuser : {
					email : "请输入正确的邮箱！"
				},
				emailread : "请选择！"
			},
			errorPlacement : function(error, element) {
				if (element.is(":radio"))
					error.appendTo(element.parent());
				else if (element.is(":checkbox"))
					error.appendTo(element.parent().parent());
				else if (element.is("input[id=phoneyzm]"))
					error.appendTo(element.parent());
				else if (element.is("input[id=emailyzm]"))
					error.appendTo(element.parent());
				else
					error.insertAfter(element);
			},
		})
	})
	//注册信息表单验证结束
</script>
</head>
<script>
			function checkSubmitsearch() {
				if ($("#sousuo").val() == "") {
					alert("搜索内容不能为空!")
					window.location.reload();
					$("#sousuo").focus();
					return false;
				}
			}
		</script>
<body>
	<!--头部导航开始-->
	<!--#include file="head.html"-->
	<!--头部导航结束-->
	<!--内容开始-->
	<div class="container">
		<div class="am-u-lg-12 border_bottom">
			<div class="am-container">
				<div class="am-u-lg-10 am-u-sm-12 list_left"><a href="__APP__/forum">论坛首页 </a>&gt; <a href="javascript:;">帖子详情</a></div>
				<div class="am-u-lg-2 am-u-sm-12 pad">
					<div class="am-dropdown am-radius1" data-am-dropdown>
						<form action="__APP__/forum/search" method="get">
							<button type="submit" class="am-btn am-dropdown-toggle am-button" data-am-dropdown-toggle>
								贴子<span class="am-icon-caret-down" style="margin-left: 0.5rem;"></span>
							</button>
							<input type="text" class="search_txt" placeholder="请输入搜索内容" name="sousuo" id="sousuo">
								<button type="submit" class="search_button" onclick="checkSubmitsearch()"></button>
						</form>
						<ul class="am-dropdown-content">
							<li class="am-dropdown-header">标题</li>
							<!--foreach:{$xiala $vo}-->
							<li><a href="__APP__/forum/forum_show?id={$vo.id}">{$vo.forum_title}</a></li>
							<!--/foreach-->
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="am-cf"></div>
		<div class="am-container">
			<div class="am-u-lg-6 pad" style="padding: 1em 0;">
				<a href="#hui"><button type="button" class="am-btn am-cheng am-btn1">回复</button></a>
			</div>
			<div class="am-u-lg-6 pad" style="padding: 1em 0;">
				<span class="list_span"><a href="__APP__/forum">返回列表</a></span>
			</div>
			<div class="am-cf"></div>
			<div class="am-border"></div>
			<!--帖子详情开始-->
			<div class="am-u-lg-12 pad bottom_border">
				<div class="am-u-lg-2 list_left1">
					<div class="am-u-lg-12 pad ">
						查看：<span>{$cards_info.browse_num}</span><b>|</b>回复 : <span>{$count}</span>
					</div>
					<div style="margin-bottom: 1em;">
						<a href="#" style="color: #707173;">{$cards_info.nickname}</a>
					</div>
					<img src="__PUBLIC__/assets/images/list.jpg" width="123"
						height="123" /><br>
					<div class="am-u-lg-12 pad pad_margin">
						<span></span><b></b>帖子：<span>{$cards_info.ucards_count}</span>
					</div>
				</div>
				<div class="am-u-lg-10 list_right1">
					<h2>
						［{$cards_info.cname}］ {$cards_info.forum_title}！
					</h2>
					<div class="am-u-lg-12 list_h3 pad">
						<h3>
							<img src="__PUBLIC__/assets/images/list_little.jpg" />{$cards_info.release_time time="Y-m-d H:i:s"} 丨 <a href="__APP__/forum/forum_show?id={$info.id}&uid={$vo.uid}">只看该作者</a>
						</h3>
					</div>
					<div class="am-u-lg-12 pad pad_margin1">
						{$cards_info.forum_content}
					</div>
					<div class="am-u-lg-2 am-u-lg-centered">
						<a href="__APP__/forum/forum_collection?id={$cards_info.id}"><button type="button"
								class="am-btn am_shou"
								onclick="window.location.href('chang.html')">
								<img src="__PUBLIC__/assets/images/star.jpg" />
								<!--<img src="__PUBLIC__/assets/images/star1.png"/>-->
								<!--if:{$info['iscollection']==$info['id']}-->
								已收藏
								<!--{else}--> 收藏<!--/if-->
								{$cards_info.collection_num}
							</button></a>
					</div>
					<div class="am-u-lg-12">
						<a href="__APP__/forum/report?id={$vo.id}" style="float: right;">举报</a>
						<a href="#hui" class="hui_button">回复</a>
					</div>
					<div class="am-cf"></div>
				</div>
			</div>
			<!--帖子详情结束-->
			
			
			<!--帖子回复开始-->
			<!--foreach:{$reply_list $vo}-->
			<div class="am-u-lg-12 pad bottom_border" id="replay_show_{$vo.floor}">
				<div class="am-u-lg-2 list_left1">
					<div style="margin-bottom: 1em;">
						<a style="color: #707173;">{$vo.user_name}</a>
					</div>
					<img src="__PUBLIC__/assets/images/list.jpg" width="123"
						height="123" /><br>
					<div class="am-u-lg-12 pad pad_margin">
						<span></span><b></b>帖子：<span>{$vo.hfcount}</span>
					</div>
				</div>
				<div class="am-u-lg-10 list_right1">
				
					<div class="am-u-lg-12 list_h3 pad">
						<h3>
							<span>{$vo.floor}楼</span> <img
								src="__PUBLIC__/assets/images/list_little.jpg" />{$vo.reply_time time="Y-m-d H:i:s"} 丨 <a href="__APP__/forum/forum_show?id={$vo.cards_id}&uid={$vo.uid}">只看该作者</a>
						</h3>
					</div>
					
					<div class="am-u-lg-12 pad pad_margin1">
						{$vo.forum_textrea}
					</div>
					
					<div class="am-u-lg-12">
						<a href="__APP__/forum/report?id={$vo.cards_id}&&rid={$vo.id}" style="float: right;">举报</a>
					</div>
					
					<div class="am-cf"></div>
					</div>
			<!--/foreach-->
			</div>
			<!--帖子回复结束-->
			<div class="am-u-lg-12 pad pad_margin">
				<div class="am-u-lg-6 pad"></div>
				<div class="sabrosus">{$page}</div>
				<!-- <div class="am-u-lg-6 pad">
					<ul data-am-widget="pagination"
						class="am-pagination am-pagination-default am-font">
						<li class="am-pagination-first "><a href="#" class="fan1"
							style="border-right: 1px solid #53555c;">返回</a></li>
						<li class="am-pagination-prev "><a href="#" class="">上一页</a>
						</li>
						<li class=""><a href="#" class="">1</a></li>
						<li class="am-active"><a href="#" class="am-active">2</a></li>
						<li class=""><a href="#" class="">3</a></li>
						<li class=""><a href="#" class="">4</a></li>
						<li class=""><a href="#" class="">5</a></li>
						<li class=""><a href="#" class="">6</a></li>
						<li class=""><a href="#" class="">7</a></li>
						<li>...</li>
						<li class=""><a href="#" class="">100</a></li>
						<li style="padding-right: 0.5em;"><input type="text"
							class="ye"> /100页</li>
						<li class="am-pagination-next "><a href="#" class="fan2"
							style="border-left: 1px solid #53555c;">下一页</a></li>
						    <li class="am-pagination-last ">
        <a href="#" class="">最末页</a>
      </li>
					</ul>
				</div> -->
			</div>

			<form action="__APP__/forum/replay_save" method="post" >
				<div  class="am-u-lg-12 lun_box">
					<h2  class="am-u-lg-12">回帖</h2>
					<div class="am-u-lg-12">
						</div>
					<div class="am-u-lg-12">
						<link href="__PUBLIC__/css/umeditor.css" type="text/css"
							rel="stylesheet">
						<!--    <script type="text/javascript" src="__PUBLIC__/third-party/jquery.min.js"></script>-->
						<script type="text/javascript" charset="utf-8"
								src="__PUBLIC__/assets/js/umeditor.config.js"></script>
						<script type="text/javascript" charset="utf-8"
								src="__PUBLIC__/assets/js/umeditor.min.js"></script>
						<script type="text/javascript"
								src="__PUBLIC__/lang/zh-cn/zh-cn.js"></script>
						<script type="text/plain" name="r_content" id="myEditor"
								style="width: 100%; height: 240px;">
   							<!--if:{empty($_SESSION['uuser'])}-->
								<p style=" text-align:center; margin-top:1em;">您需要登录后才可以回帖 <a href="__APP__/user/login" style=" color:#ffab49;">登录</a> | <a href="__APP__/user/reg" style=" color:#ffab49;">立即注册</a></p>
							<!--/if-->
</script>
						<div id="hui">
							<h3 id="focush2"></h3>
						</div>
						<script type="text/javascript">
    //实例化编辑器
    var um = UM.getEditor('myEditor');
    um.addListener('blur',function(){
        $('#focush2').html('')
    });
    um.addListener('focus',function(){
        $('#focush2').html('')
    });
    //按钮的操作
    function insertHtml() {
        var value = prompt('插入html代码', '');
        um.execCommand('insertHtml', value)
    }
    function isFocus(){
        alert(um.isFocus())
    }
    function doBlur(){
        um.blur()
    }
    function createEditor() {
        enableBtn();
        um = UM.getEditor('myEditor');
    }
    function getAllHtml() {
        alert(UM.getEditor('myEditor').getAllHtml())
    }
    function getContent() {
        var arr = [];
        arr.push("使用editor.getContent()方法可以获得编辑器的内容");
        arr.push("内容为：");
        arr.push(UM.getEditor('myEditor').getContent());
        alert(arr.join("\n"));
    }
    function getPlainTxt() {
        var arr = [];
        arr.push("使用editor.getPlainTxt()方法可以获得编辑器的带格式的纯文本内容");
        arr.push("内容为：");
        arr.push(UM.getEditor('myEditor').getPlainTxt());
        alert(arr.join('\n'))
    }
    function setContent(isAppendTo) {
        var arr = [];
        arr.push("使用editor.setContent('欢迎使用umeditor')方法可以设置编辑器的内容");
        UM.getEditor('myEditor').setContent('欢迎使用umeditor', isAppendTo);
        alert(arr.join("\n"));
    }
    function setDisabled() {
        UM.getEditor('myEditor').setDisabled('fullscreen');
        disableBtn("enable");
    }

    function setEnabled() {
        UM.getEditor('myEditor').setEnabled();
        enableBtn();
    }

    function getText() {
        //当你点击按钮时编辑区域已经失去了焦点，如果直接用getText将不会得到内容，所以要在选回来，然后取得内容
        var range = UM.getEditor('myEditor').selection.getRange();
        range.select();
        var txt = UM.getEditor('myEditor').selection.getText();
        alert(txt)
    }

    function getContentTxt() {
        var arr = [];
        arr.push("使用editor.getContentTxt()方法可以获得编辑器的纯文本内容");
        arr.push("编辑器的纯文本内容为：");
        arr.push(UM.getEditor('myEditor').getContentTxt());
        alert(arr.join("\n"));
    }
    function hasContent() {
        var arr = [];
        arr.push("使用editor.hasContents()方法判断编辑器里是否有内容");
        arr.push("判断结果为：");
        arr.push(UM.getEditor('myEditor').hasContents());
        alert(arr.join("\n"));
    }
    function setFocus() {
        UM.getEditor('myEditor').focus();
    }
    function deleteEditor() {
        disableBtn();
        UM.getEditor('myEditor').destroy();
    }
    function disableBtn(str) {
        var div = document.getElementById('btns');
        var btns = domUtils.getElementsByTagName(div, "button");
        for (var i = 0, btn; btn = btns[i++];) {
            if (btn.id == str) {
                domUtils.removeAttributes(btn, ["disabled"]);
            } else {
                btn.setAttribute("disabled", "true");
            }
        }
    }
    function enableBtn() {
        var div = document.getElementById('btns');
        var btns = domUtils.getElementsByTagName(div, "button");
        for (var i = 0, btn; btn = btns[i++];) {
            domUtils.removeAttributes(btn, ["disabled"]);
        }
    }
</script>
					</div>
					<input type="hidden" name="cards_id" id="cards_id" value="{$cards_info.id}" />
					<div class="am-u-lg-1"><button type="submit" class="am-btn am-cheng">发表帖子</button></div>
					<div class="am-u-lg-11 pad"></div>
				</div>
			</form>


		</div>
	</div>

	<!--内容结束-->
	<!--底部导航开始-->
	<!--#include file="foot.html"-->
	<!--底部导航结束-->
</body>
</html>